@import "partials/mixins";
#playback {
	.device-container {
		background: #fff;
		border-bottom: 1px solid $font-color4;
		padding: 0 ptr(20px);
		margin-bottom: ptr(20px);
		.add-group {
			height: ptr(88px);
			line-height: ptr(88px);
			padding-left: ptr(65px);
			font-size: ptr(30px);
			color: #333;
			background: url('~img/time.png') no-repeat ptr(8px) center;
			background-size: ptr(34px);
		}
		.itemLine {
			height: ptr(88px);
			line-height: ptr(88px);
			font-size: ptr(30px);
			color: #333;
		}
		.deviceItem {
			border-bottom: 1px solid #D9D9D9;
			height: ptr(80px);
			.deviceItemContent {
				padding-right: ptr(50px);
				font-size: ptr(26px);
				color: #909090;
			}
		}
	}
	.list {
		.head,
		.listItem {
			border-top: 1px solid #E9E9E9;
			height: ptr(80px);
			line-height: ptr(80px);
			text-align: center;
			font-size: ptr(32px);
			background-color: #fff;
			>div:nth-child(2) {
				width: ptr(140px);
			}
			>div:nth-child(3) {
				width: ptr(140px);
			}
			>div:nth-child(4) {
				width: ptr(100px);
			}
		}
	}
	.device-btn {
		padding: ptr(15px) ptr(25px);
		&>button {
			height: ptr(90px);
			border-radius: ptr(10px);
			font-size: ptr(30px);
		}
	}
}
